<script setup lang="ts">
import { App } from 'vjmap3d';
import { inject } from 'vue';
import TollNumberTag from "./TollNumberTag.vue"
const app = inject("app") as App;
console.log(app)
</script>

<template>
  <div class="uilayer">
    <div class="headbar">
      <img src="../assets/head.png" alt="" class="img_head">
    </div>
    <!-- 此div是用于marker2d,marker3d使用，当创建一个marker时会关联下面的一个div对象，把这个div对象加入marker层对应的父节点下面，所以下面的这个div设置为不可见的 -->
    <div class = "marker_object">
      <TollNumberTag/>
    </div>
  </div>
</template>

<style scoped>
    .uilayer {
        z-index: 2;
    }

    .headbar {
      position: absolute;
      pointer-events: none;
    }

    .img_head {
      margin: 0px;
      padding: 0px;
      width: 100%;
    }

    .marker_object {
      display: none;
    }
</style>